// src/styles/variables.scss
$bg-color: #0c0;
$primary: #ea5413;
$color-2C2B33: #2c2b33;
$color-9999A2: #9999a2;
.color-2C2B33 {
  color: #2c2b33;
}
.color-9999A2 {
  color: #9999a2;
}
.primary {
  color: $primary;
}
.text-center {
  text-align: center;
}
.relative {
  position: relative;
}
.absolute {
  position: absolute;
}
.fixed {
  position: fixed;
}
.block {
  display: block;
}
.none {
  display: none;
}
.pointer {
  cursor: pointer;
}
.flex {
  display: flex;
}
.flex-align-items {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.flex-align-start {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.flex-align-between {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.flex-align-end {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
}
.flex-align-around {
  display: flex;
  align-items: center;
  justify-content: space-around;
}
.flex-align-column {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.flex-align-center {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.flex-wrap {
  display: flex;
  flex-wrap: wrap;
}

.text-ell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
